/* @media only screen and (max-width: 320px) {
  .ourTeam__section {
    position: absolute;
    top: 440rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
  .ourTeam__section {
    position: absolute;
    top: 390rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-width: 361px) and (max-width: 374px) {
  .ourTeam__section {
    position: absolute;
    top: 390rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-height: 667px) and (min-width: 375px) {
  .ourTeam__section {
    position: absolute;
    top: 425rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-height: 812px) and (min-width: 375px) {
  .ourTeam__section {
    position: absolute;
    top: 450rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}

@media only screen and (min-width: 411px) and (max-width: 480px) {
  .ourTeam__section {
    position: absolute;
    top: 400rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .ourTeam__section {
    position: absolute;
    top: 320rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-height: 1024px) and (min-width: 768px) {
  .ourTeam__section {
    position: absolute;
    top: 320rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .ourTeam__section {
    position: absolute;
    top: 300rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
  .ourTeam__section {
    position: absolute;
    top: 230rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-height: 800px) and (min-width: 1280px) {
  .ourTeam__section {
    position: absolute;
    top: 260rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-height: 1366px) and (min-width: 1024px) {
  .ourTeam__section {
    position: absolute;
    top: 290rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-width: 1367px) {
  .ourTeam__section {
    position: absolute;
    top: 260rem;
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
} */

/********************************************MEDIA QUERIES************************************************/
@media only screen and (max-width: 1180px) {
  .ourTeam__section {
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (min-device-height: 1366px) and (min-device-width: 1024px) {
  .ourTeam__section__member__name,
  .ourTeam__section__member__designation {
    text-align: left;
    margin-left: 35px;
  }
}
@media only screen and (max-width: 998px) {
  .ourTeam__section {
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
}
@media only screen and (max-width: 768px) {
  .ourTeam__section {
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
  .ourTeam__section__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    right: 0;
    opacity: 0;
    transition: 0.5s ease;
    width: 200px;
    height: 220px;
    border-radius: 50%;
    background-color: #1acfc6;
    margin: 0 auto;
  }
  .ourTeam__section__image {
    display: block;
    width: 200px;
    height: 220px;
    border-radius: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 650px) {
  .ourTeam__section {
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
  .ourTeam__section__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0%;
    right: 0;
    opacity: 0;
    transition: 0.5s ease;
    width: 200px;
    height: 220px;
    border-radius: 50%;
    background-color: #1acfc6;
    margin: 0 auto;
  }
  .ourTeam__section__image {
    display: block;
    width: 200px;
    height: 220px;
    border-radius: 50%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  .ourTeam__section {
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
  .shadow-effect {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 320px) {
  .ourTeam__section {
    background-color: var(--secondary--background);
    box-sizing: border-box;
    color: var(--white-color);
  }
  .shadow-effect {
    margin-top: 20px;
  }
}
